<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>发布</title>
		<script src="../js/mui.min.js"></script>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<style>
			.mui-content button{
				border-radius:20px;
				width:90%;
				height:50px;
			}
		</style>
	</head>
	<body>
		<!-- flax布局 这里选择竖轴方向flex-direction:column，所以justify-content代表水平排列，与横轴方向相反 -->
		<div class="mui-content" style="display: flex;flex-direction:column;justify-content:flex-end;align-items:center;background: linear-gradient(#fff,#b9adad);">
			<button type="button" id="publish_product" class="mui-btn" style="margin-bottom:20px;">发布商品</button><br/>
			<button type="button" id="publish_topic" class="mui-btn" style="margin-bottom: 40px;">发布帖子</button>
			<span id="back" style="margin-bottom: 80px;" class="mui-icon mui-icon-closeempty"></span>
		</div>
		
		<script src="../jquery.mobile-1.4.5/jquery-1.8.3.min.js"></script>
		<script>
			mui.init();
            $(function(){
                $(".mui-content").height($(window).height());
				$("#publish_product").click(function(){
					plus.webview.open('publish-product.html', 'new', {}, 'zoom-out');
				});
				$("#publish_topic").click(function(){
					plus.webview.open('publish-topic.html', 'new', {}, 'zoom-out');
				});
				$("#back").click(function(){
					mui.back();//返回上一级页面
				});
            });
		</script>
	</body>
</html>
